<div class="easyui-layout" data-options="fit:true">
	<div data-options="region:'center',border:false">
		<!-- Begin of toolbar -->
		<div id="home-toolbar">
			<div class="home-toolbar-search">
				<form id="home-search-form" method="post">
					<label>所属类型：</label>
                    <select class="easyui-combobox" panelHeight="auto" id="index_stock_categoryId"
                            name="alert.categoryId" style="width: 130px" editable='false'>
                        <option value="">全部</option>
                        <#if materiel?? >
                            <#list materiel as m>
                                <option value="${m.paramId!}">${m.paramName}</option>
                            </#list>
                        </#if>
                    </select>
                    <label>名称：</label><input class="wu-text" style="width: 100px" name="alert.name">
                    <a href="#" class="easyui-linkbutton" iconCls="icon-search"
                       onclick="common_refresh(this)">查询</a>
				</form>
			</div>
		</div>
		<!-- End of toolbar -->
		<table id="home-datagrid" class="easyui-datagrid" data-options="total:10,pageSize:10"
			toolbar="#home-toolbar"></table>
	</div>
</div>
<script type="text/javascript">
var categorydata = {
	      <#if materiel?? >
	      <#list materiel as c>
	      "${c.paramId!}": "${c.paramName!}",
	      </#list>
	      </#if>
	  };
	/**
	 * Name 载入数据
	 */
	$('#home-datagrid').datagrid({
		url : 'home/getdata',
		rownumbers : true,
		singleSelect : false,
		pageSize : 10,
		pagination : true,
		multiSort : true,
		fitColumns : true,
		fit : true,
		rowStyler:function(index,row){    
	            return 'background-color:pink;color:blue;font-weight:bold;';    
	    } 
		columns : [ [ {
			checkbox : true
		}, {
			field : 'id',
			title : '菜单编号',
			hidden : true,
			width : 100,
			sortable : true
		}, {
			field : 'name',
			title : '产品/物料名称',
			width : 100,
			sortable : true
		}, {
			field : 'categoryId',
			title : '所属类型',
			width : 180,
			sortable : true,
			formatter:function(value){
				return categorydata[value];
			}
		}, {
			field : 'proDate',
			title : '生产日期',
			width : 100
		},{
			field : 'currentDate',
			title : '当前日期',
			width : 100
		},{
			field : 'count',
			title : '库存量',
			width : 100
		},{
			field : 'unit',
			title : '单位',
			width : 100
		}, {
			field : 'alertnum',
			title : '预警库存量',
			width : 100
		},{
			field : 'alerttime',
			title : '预警时间(天)',
			width : 100
		}] ]
	});
</script>